﻿<%@ page title="DatePicker/Calendar Widgets" language="C#" masterpagefile="~/standard.master" codefile="datepicker.aspx.cs" inherits="Sample.JQuery.DatePickerPage" %>
<asp:content id="Content" contentplaceholderid="ContentPlaceHolder" runat="server">

	<div><asp:hyperlink runat="server" id="CodeLink" navigateurl="~/code.aspx?file=datepicker&title=DatePicker/Calendar+Widgets+Code" text="View Source Code" /></div>
	<p>
		This is the njQuery ASPX implementation of the
		<jquery:themedicon runat="server" icon="ui-icon-newwin" tooltip="Opens in New Window" />
		<a href="http://jqueryui.com/demos/datepicker/" target="_blank">jQuery UI Datepicker Widget</a>.
	</p>
	
	<jquery:blindeffect runat="server" id="BlindEffect" direction="Horizontal" speed="90" />
	
	<asp:updatepanel runat="server" id="UpdatePanel" updatemode="Conditional" childrenastriggers="true">
		<contenttemplate>
		
			<div>
				<asp:checkbox runat="server" id="PostBackOnSelectCheckBox" text="Postback on Select" autopostback="true" />
			</div>
			
			<div>
				<asp:label runat="server" id="PostBackOnSelectLabel" text="No postback has occurred." />
			</div>
		
			<div style="float:left;width:50%;">
				<h3>As a Dropdown Date Picker</h3>
				<jquery:datepicker runat="server" id="DatePicker" showon="Button" buttontext="Select" showanim="BlindEffect" />
			</div>
			
			<div style="float:right;width:50%;">
				<h3>As an Inline Calendar</h3>
				<jquery:calendar runat="server" id="Calendar" showanim="BlindEffect" />
			</div>
			
		</contenttemplate>
	</asp:updatepanel>
			
</asp:content>